﻿@{ Layout = null;}
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0">
    <title>登录</title>
    <link href="/Theme/css/base.css" rel="stylesheet">
    <link href="/Theme/css/other.css" rel="stylesheet">
    <link href="/Theme/css/login.css" rel="stylesheet">
    <link href="~/lib/layui/css/layui.css" rel="stylesheet" />
    <script src="~/lib/layui/layui.all.js"></script>
    <script src="~/lib/jquery/dist/jquery.js"></script>
    <script src="~/Base.js"></script>
</head>
<body>
    <div class="login">
        <div class="login-logo">
            <!--<img src="/Theme/images/logo.png">-->
        </div>
        <div class="login-form">
            <div class="login-form-group">
                <label class="icon-phone"></label>

                <div class="input-group">
                    <input placeholder="用户名/账号/手机号" id="userName">
                </div>
            </div>

            <div class="login-form-group">
                <label class="icon-pw"></label>

                <div class="input-group">
                    <input type="password" id="password" placeholder="请输入您的密码">
                </div>
            </div>

            <div class="login-submit">
                <button type="button" onclick="login()">登录</button>
            </div>

            <div class="login-links">
                <a href="../Register/Register.html" class="login-links-1">注册账号</a>
                <a href="password.html" class="login-links-2">忘记密码？</a>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        function login() {
            var data = {
                userName: $("#userName").val(),
                password: $("#password").val()
            }
            BaseAjax(ajaxType.post, '/login/login', data);
        }
    </script>
</body>
</html>